﻿<html>
<head>
    <title>AutoComplete - jQuery MiniUI 3.0 Documentation</title>    

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="jquery,datagrid,grid,表格控件,ajax,web开发,java开发,.net开发,tree,table,treegrid" />
    <meta name="description" content="jQuery MiniUI - 专业WebUI控件库。jQuery MiniUI是使用Javascript实现的前端Ajax组件库，支持所有浏览器，可以跨平台开发，如Java、.Net、PHP等。" />

    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <script src="core.js" type="text/javascript"></script>
</head>
<body>
    <h3>mini.AutoComplete</h3>
    
    <p>下拉列表输入框。</p>

    <h4>Extend</h4>
    <p> <a class="extendlink" href="combobox.html">ComboBox</a></p>    


    <h4>Usage</h4>
<pre class="code"><span style="color:blue">&lt;</span><span style="color:maroon">input </span><span style="color:red">class</span><span style="color:blue">="mini-combobox" </span><span style="color:red">style</span><span style="color:blue">="</span><span style="color:red">width</span><span style="color:blue">:150px;" </span><span style="color:red">textField</span><span style="color:blue">="text" </span><span style="color:red">valueField</span><span style="color:blue">="id" 
    </span><span style="color:red">url</span><span style="color:blue">="../data/countrys.txt" </span><span style="color:red">value</span><span style="color:blue">="cn" </span><span style="color:red">showNullItem</span><span style="color:blue">="true" </span><span style="color:red">allowInput</span><span style="color:blue">="true"/&gt;         
</span></pre>

    <h4>Screenshots</h4>
    <img src="images/autocomplete.png" />

    <h4>Examples</h4>
    <a class="demo" href="../../demo/autocomplete/autocomplete.html" target="_blank">AutoComplete</a>
      

    <h4>Properties</h4>
    <table>
        <tr><th>Name</th><th>Type</th><th>Description</th><th>Default</th><th><a href="setsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Set? </a></th><th><a href="getsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Get? </a></th><th><a href="tagsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Tag? </a></th></tr>
        <tr>
            <td>value</td>
            <td>String</td>
            <td>值</td>
            <td></td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>valueField</td>
            <td>String</td>
            <td>值字段</td>
            <td>id</td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>textField</td>
            <td>String</td>
            <td>文本显示字段</td>
            <td>text</td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>searchField</td>
            <td>String</td>
            <td>查询字段</td>
            <td>"key"</td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>dataField</td>
            <td>String</td>
            <td>数据列表字段</td>
            <td></td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>url</td>
            <td>String</td>
            <td>数据加载地址</td>
            <td></td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>remote</td>
            <td>Boolean</td>
            <td>是否远程加载数据</td>
            <td>true</td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>columns</td>
            <td>Array</td>
            <td>下拉列表列集合。参考<a href="listbox.html#columns">Columns</a></td>
            <td></td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>enterQuery</td>
            <td>Boolean</td>
            <td>是否按回车才激发下拉数据查询</td>
            <td></td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        
        <tr>
            <td>popupEmptyText</td>
            <td>String</td>
            <td>下拉数据为空时描述字符串</td>
            <td></td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>loadingText</td>
            <td>String</td>
            <td>下拉加载时描述字符串</td>
            <td></td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
<!--        <tr>
            <td>errorText</td>
            <td>Boolean</td>
            <td>是否按回车才激发下拉数据查询</td>
            <td></td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>-->
        
    </table>

    <h4>Methods</h4>
    <table>
        <tr><th>Name</th><th>Parameter</th><th>Description</th><th>Return</th></tr>
        <tr>
            <td>setValue（value）</td>
            <td></td>
            <td>设置值</td>
            <td></td>
        </tr>
        <tr>
            <td>getValue（）</td>
            <td></td>
            <td>获取值</td>
            <td></td>
        </tr>
        <tr>
            <td>getFormValue（）</td>
            <td></td>
            <td>获取表单值</td>
            <td>String</td>
        </tr>
  <!--      <tr>
            <td>doQuery（）</td>
            <td></td>
            <td>弹出下拉选择框，并自动检索填充数据。</td>
            <td></td>
        </tr>-->
    </table>

    <h4>Events</h4>
    <table>
        <tr><th>Name</th><th>EventObject</th><th>Description</th></tr>       
        <tr>
            <td>valuechanged</td>
            <td></td>
            <td>值改变时发生</td>            
        </tr>       
    </table>

    
</body>
</html>
